<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>三表登记</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="./css/comm.css" />
    <link rel="stylesheet" type="text/css" href="./css/meterpointwrite.css" />
</head>

<body>
    <div id="app" v-cloak>
        <div id="topheader" class="aui-content headerBox">
            <div id="topheadercontent">
                <div class="header">
                    <div class="breadcrumb-header">
                        <label v-on:click="do_open_header(item)" v-for="(item,index) in headerlist">
                          <span v-bind:class="{'islast':index==(headerlist.length-1)}">{{item.name}}</span>
                          <i v-if="index<(headerlist.length-1)" class="icon iconfont icon-arrow-right"></i>
                        </label>
                        <div v-on:click="do_select_project()" v-if="headerlist.length==0">
                            请选择资源
                            <div class="header_add_img fr"><img src="../image/news_li_more.png" /></div>
                        </div>
                    </div>
                </div>
                <div class="basic_borderline"></div>
                <div class="aui-searchbar" id="search">
                    <div class="aui-searchbar-input aui-border-radius">
                        <i class="aui-iconfont aui-icon-search"></i>
                        <input v-model="form.keywords" type="search" placeholder="请输入表名称" id="search-input">
                        <div class="aui-searchbar-clear-btn">
                            <i class="aui-iconfont aui-icon-close"></i>
                        </div>
                    </div>
                    <div class="aui-searchbar-btn" tapmode></div>
                </div>
                <div class="aui-more">
                    <label class="basicfont selectlabel" v-bind:class="{'SelectCss':MeterCategoryID==0}" v-on:click="do_select_status(0)">
                      全部
                </label>
                    <label class="basicfont selectlabel" v-bind:class="{'SelectCss':MeterCategoryID==2}" v-on:click="do_select_status(2)">
                      电表
                </label>
                    <label class="basicfont selectlabel" v-bind:class="{'SelectCss':MeterCategoryID==1}" v-on:click="do_select_status(1)">
                      水表
                </label>
                    <label class="basicfont selectlabel" v-bind:class="{'SelectCss':MeterCategoryID==3}" v-on:click="do_select_status(3)">
                      气表
                </label>
                </div>
            </div>
        </div>
        <div id="contentbox" class="aui-content contentBox">
            <section id="main_refresh" class="aui-refresh-content">
                <div class="aui_listbox">
                    <div v-for="(item,index) in RoomList" class="aui_list">
                        <section class="aui-grid meterBox tabBox">
                            <div class="aui-row">
                                <div class="aui-col-xs-12 leftcolumn FullName">
                                    <div class="aui-grid-label FullNameadd">{{item.FullName}}</div>
                                </div>
                            </div>
                            <div class="aui-row">
                                <div class="fl leftcolumn">
                                    <div class="aui-grid-label RelationName">{{item.RelationName}}</div>
                                </div>
                                <div v-if="item.RelatePhoneNumber>0" class="fl rightcolumn RelatePhoneNumber">
                                    <div class="aui-grid-label">({{item.RelatePhoneNumber}})</div>
                                </div>
                            </div>
                            <div v-for="item2 in item.meterList" class="parameter">
                                <div class="left_param">
                                    <div class="parameter_type basicfont">
                                        {{item2.MeterName}}&nbsp;|&nbsp;
                                        <span>编号{{item2.MeterNumber}}</span>
                                    </div>
                                    <div class="parameter_con">
                                        <div class="parameter_begin basicfont fl box noEdit">{{item2.StartPoint}}</div>
                                        <div class="parameter_center basicfont fl">—</div>
                                        <input class="parameter_end" type="number" v-model="item2.EndPoint">
                                        <div class="cl"></div>
                                    </div>
                                </div>
                                <div class="center_param">
                                    <div class="parameter_type basicfont center">
                                        本次用量
                                    </div>
                                    <div class="parameter_con">
                                        <div class="parameter_begin basicfont noEdit center">{{item2.EndPoint-item2.StartPoint}}</div>
                                    </div>
                                </div>
                                <div class="cl"></div>
                                <div v-on:click="do_save(item2)" class="parameter_save">保存</div>
                            </div>
                        </section>
                    </div>
                </div>
            </section>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/vue.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript" src="js/meterpoingwrite.js"></script>

</html>
